<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--  引入vue.js-->
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <button @click="inTime">获取刚进入页面的时间</button>
        <button @click="currentTime">获取当前的时间</button>
    </div>
</body>

<script>

    new Vue({
        el:"#app",
        //定义数据模型
        data:{

        },
        //定义vue对象的行为
        methods:{
            inTime(){
                alert(this.inTimes)
            },
            currentTime(){
                alert(Date.now())
            }
        },
        //监听机制，监听指定属性的变化（一旦属性发生值的改变，我们实现写好的监听回调方法会执行）
        watch:{

        },
        //计算属性：本质还是一个属性，只不过这个属性的值需要通过业务运算获取，而且我们只需要运算一次
        computed:{
            //这里定义的属性名不可以和data中定义的属性名相同
            inTimes:function (){
                return Date.now();
            }
        }
    });

</script>

</html>